<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<html>
<style type="text/css">
    body {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    button {
        padding: 5px 10px;
        width: 260px;
        border-radius: 3px;
        margin: 5px;
    }

    #crawl-record, #proxy-list {
        display: flex;
        flex-direction: column;
        align-self: stretch;
    }
</style>
<script src="popup.js" ></script>
<body>
<a href="http://deal.ggzy.gov.cn/ds/deal/dealList.jsp" id="link">全国公共资源网</a>

<div style="align-self: stretch; display: flex; align-items: center">
    抓取记录<div style="height: 1px; background-color: black; flex: 1"></div></div>
<div id="crawl-record">
</div>
<div id="current-count-layout"><label>已抓取数量：</label><span id="current-count"></span></div>
<button id="crawl-start">开始新的抓取</button>
<button id="crawl-stop">停止当前抓取</button>
<button id="crawl-details">开始子项抓取</button>
<button id="crawl-new-0">创建抓取记录[工程建设]</button>
<button id="crawl-new-1">创建抓取记录[政府采购]</button>

<div style="align-self: stretch; display: flex; align-items: center; padding-top: 20px">
    代理设置<div style="height: 1px; background-color: black; flex: 1"></div></div>
<div id="proxy-list">

</div>
</body>
</html>